<template>
  <strong>当前的路由路径为：</strong>{{ $route.fullPath }}
  <div class="navs">
    <!--路由连接跳转配置-->
    <router-link to="/">首页</router-link>
    <RouterLink to="/find">发现音乐</RouterLink>
    <RouterLink to="/my">我的音乐</RouterLink>
    <RouterLink to="/friend">关注音乐</RouterLink>
  </div>
  <div>
    <!--所有路由的总出口 必须编写-->
    <RouterView></RouterView>
  </div>
</template>

  <script setup>

</script>
  <style scoped>
  a {
    margin-left: 10px;
    /* 去掉下划线 */
    text-decoration: none;
    font-size: 22px;
    color: aliceblue;
    font-weight: 700;
    /* 文字居中 */
    text-align: center;
    line-height: 50px;
    
  }

  .navs{
    background-color: black;
    height: 50px;
  }
</style>
